<!doctype html>
<html lang="en">

<head>
    <script> var _hmt = _hmt || []; (function() {var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d1092a012638b7383ebfa587bad1f631"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script>
    <meta charset="UTF-8" />
    <meta name="robots" content="noindex,nofollow">
    <title>MCD4740 Web Fundamentals - Assignment 3</title>
    <link rel="shortcut icon" href="https://thefishop.com.au/favicon.ico">
    <meta name="viewport" content="width=device-width"/>
    <link href="css/index.css" type="text/css" rel="stylesheet"/>
    <link href="css/Core.css" type="text/css" rel="stylesheet"/>
    <link href="css/hero.css" type="text/css" rel="stylesheet"/>
    <link href="css/navigation.css" type="text/css" rel="stylesheet"/>
    <link href="css/aboutUs.css" type="text/css" rel="stylesheet"/>
    <link href="css/showPictures.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.arrows.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.dots.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.autoscroll.css"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.css"/>
    <link href="css/contactUs.css" type="text/css" rel="stylesheet"/>
    <link href="css/footer.css" type="text/css" rel="stylesheet"/>
    <link href="css/button.css" type="text/css" rel="stylesheet"/>
    <script src="js/index.js"></script>
</head>

<body>
    <header id="cs-navigation">
        <div class="cs-container">
            <!--Nav Logo-->
            <!--Logo is turned white in the css with a filter on dark mode-->
            <a href="" class="cs-logo" aria-label="back to home">
                <img src="https://d3skrbn3b616hn.cloudfront.net/au/images/restaurants/11078599.gif" alt="logo" style="position: absolute; clip: rect(30px, 95px, 66px, 1px); transform: scale(1.5); transform-origin: left" aria-hidden="true" decoding="async">
            </a>
            <!--Navigation List-->
            <nav class="cs-nav" role="navigation">
                <!--Mobile Nav Toggle-->
                <button class="cs-toggle" aria-label="mobile menu toggle">
                    <div class="cs-box" aria-hidden="true">
                        <span class="cs-line cs-line1" aria-hidden="true"></span>
                        <span class="cs-line cs-line2" aria-hidden="true"></span>
                        <span class="cs-line cs-line3" aria-hidden="true"></span>
                    </div>
                </button>
                <!-- We need a wrapper div so we can set a fixed height on the cs-ul in case the nav list gets too long from too many dropdowns being opened and needs to have an overflow scroll. This wrapper acts as the background so it can go the full height of the screen and not cut off any overflowing nav items while the cs-ul stops short of the bottom of the screen, which keeps all nav items in view no matter how mnay there are-->
                <div class="cs-ul-wrapper">
                    <ul id="cs-expanded" class="cs-ul" aria-expanded="false">
                        <li class="cs-li">
                            <a href="" class="cs-li-link cs-active">
                                Home
                            </a>
                        </li>
                        <!--Copy and paste this cs-dropdown list item and replace any .cs-li with this cs-dropdown group to make a new dropdown and it will work-->
                        <li class="cs-li cs-dropdown" tabindex="0">
                            <span class="cs-li-link">
                                Menu
                                <img class="cs-drop-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/down-gold.svg" alt="dropdown icon" width="15" height="15" decoding="async" aria-hidden="true">
                            </span>
                            <ul class="cs-drop-ul">
                                <li class="cs-drop-li">
                                    <a href="" class="cs-li-link cs-drop-link">Fish & Chips</a>
                                </li>
                                <li class="cs-drop-li">
                                    <a href="" class="cs-li-link cs-drop-link">Snakes</a>
                                </li>
                                <li class="cs-drop-li">
                                    <a href="" class="cs-li-link cs-drop-link">Burgers & Steaks</a>
                                </li>
                                <li class="cs-drop-li">
                                    <a href="" class="cs-li-link cs-drop-link">Sweets</a>
                                </li>
                                <li class="cs-drop-li">
                                    <a href="" class="cs-li-link cs-drop-link">Packs</a>
                                </li>
                                <li class="cs-drop-li">
                                    <a href="" class="cs-li-link cs-drop-link">Sweets</a>
                                </li>
                            </ul>
                        </li>
                        <li class="cs-li">
                            <a href="#contact-1750" class="cs-li-link">
                                Contact Us
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div class="cs-contact-group">
                <a href="tel:(03) 5978 7333" class="cs-phone">
                    <img class="cs-phone-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/phone-1a.svg" alt="logo" width="24" height="24" aria-hidden="true" decoding="async">
                    (03) 5978 7333
                </a>
                <div class="cs-social">
                    <a href="" class="cs-social-link">
                        <img class="cs-social-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/facebook-1a.svg" alt="logo" width="12" height="12" aria-hidden="true" decoding="async">
                    </a>
                    <a href="" class="cs-social-link">
                        <img class="cs-social-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/twitter-1a.svg" alt="logo" width="12" height="12" aria-hidden="true" decoding="async">
                    </a>
                    <a href="" class="cs-social-link">
                        <img class="cs-social-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/instagram1a.svg" alt="logo" width="12" height="12" aria-hidden="true" decoding="async">
                    </a>
                    <a href="" class="cs-social-link">
                        <img class="cs-social-icon" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/youtube1a.svg" alt="logo" width="12" height="12" aria-hidden="true" decoding="async">
                    </a>
                </div>
            </div>
        </div>
    </header>
    <script src="js/navigation.js"></script>

    <section id="hero-1618">
        <div class="cs-container">
            <div class="cs-content">
                <span class="cs-topper">
                    <svg class="cs-chevron" width="49" height="15" viewBox="0 0 49 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g opacity="0.7">
                        <path d="M0.621948 7.49889L6.40262 15L10.343 15L4.56231 7.49889L10.343 -4.2492e-07L6.40262 -2.52681e-07L0.621948 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M7.62195 7.49889L13.4026 15L17.343 15L11.5623 7.49889L17.343 -4.2492e-07L13.4026 -2.52681e-07L7.62195 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M14.7789 7.49889L20.5596 15L24.5 15L18.7193 7.49889L24.5 -4.2492e-07L20.5596 -2.52681e-07L14.7789 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M22.7789 7.49889L28.5596 15L32.5 15L26.7193 7.49889L32.5 -4.2492e-07L28.5596 -2.52681e-07L22.7789 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M30.7789 7.49889L36.5596 15L40.5 15L34.7193 7.49889L40.5 -4.2492e-07L36.5596 -2.52681e-07L30.7789 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M38.7789 7.49889L44.5596 15L48.5 15L42.7193 7.49889L48.5 -4.2492e-07L44.5596 -2.52681e-07L38.7789 7.49889Z" fill="var(--chevronColor)"/>
                        </g>
                    </svg>
                    <div id="dynamic-text"></div>
                    <svg class="cs-chevron" width="49" height="15" viewBox="0 0 49 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g opacity="0.7">
                        <path d="M48.3781 7.49889L42.5974 15L38.657 15L44.4377 7.49889L38.657 -4.2492e-07L42.5974 -2.52681e-07L48.3781 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M41.3781 7.49889L35.5974 15L31.657 15L37.4377 7.49889L31.657 -4.2492e-07L35.5974 -2.52681e-07L41.3781 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M34.2211 7.49889L28.4404 15L24.5 15L30.2807 7.49889L24.5 -4.2492e-07L28.4404 -2.52681e-07L34.2211 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M26.2211 7.49889L20.4404 15L16.5 15L22.2807 7.49889L16.5 -4.2492e-07L20.4404 -2.52681e-07L26.2211 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M18.2211 7.49889L12.4404 15L8.50004 15L14.2807 7.49889L8.50004 -4.2492e-07L12.4404 -2.52681e-07L18.2211 7.49889Z" fill="var(--chevronColor)"/>
                        <path d="M10.2211 7.49889L4.4404 15L0.500041 15L6.28071 7.49889L0.500042 -4.2492e-07L4.4404 -2.52681e-07L10.2211 7.49889Z" fill="var(--chevronColor)"/>
                        </g>
                    </svg>
                </span>
                <h1 class="cs-title">Taste Our Delicious Food to Evoke Your Wonderful Memories</h1>
                <a href="#contact-1750" class="cs-button-solid">Order by Phone</a>
            </div>
            <ul class="cs-card-group">
                <li class="cs-item">
                    <img class="cs-icon" loading="lazy" decoding="async" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/check-circle.svg" alt="icon" width="48" height="48">
                    <h3 class="cs-h3">Local & Fresh</h3>
                    <p class="cs-item-text">
                        We handcraft every order with ingredients sourced straight from nearby farms and markets daily. Crispy batter, flaky fish, and golden chips—all fresh, all local, all delicious.
                    </p>
                </li>
                <li class="cs-item">
                    <img class="cs-icon" loading="lazy" decoding="async" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/speedometer.svg" alt="icon" width="48" height="48">
                    <h3 class="cs-h3">Speedy & Friendly</h3>
                    <p class="cs-item-text">
                        Life's busy—we get it. Our quick, no-fuss service fits your schedule, whether you're grabbing lunch on-the-go or a family dinner. And we'll always greet you with a smile.
                    </p>
                </li>
                <li class="cs-item">
                    <img class="cs-icon" loading="lazy" decoding="async" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Icons/Like.svg" alt="icon" width="48" height="48">
                    <h3 class="cs-h3">Nostalgic Quality</h3>
                    <p class="cs-item-text">
                        Since 2002, we've stuck to classic, nostalgic recipes (like our signature Flake) that taste like home. No shortcuts—just the same great flavors you grew up loving.
                    </p>
                </li>
            </ul>
        </div>
        <script src="js/hero.js"></script>

        <!-- Background Image, there's a background image in the CSS for the parallax effect you'll need to change as well if you swap out our images -->
        <picture class="cs-background">
            <source media="(max-width: 600px)" srcset="https://gz0.googleusercontent.com/gps-cs-s/AC9h4nqGam_xj9sOBGcEgR8J9w4B0JJSzGWgro9Zc_J0xe9r1sVIaLGtT2UL7cwcDum3AD4jsaVXYrEg6v3_ZLky3YRTxeffxbdKoM-T4opyd2vzWhU9OsYUoLsik0b5NA2Xdsc7MX7MaTHuuFp1=w2772-h3696-k-no">
            <source media="(min-width: 601px)" srcset="https://gz0.googleusercontent.com/gps-cs-s/AC9h4nqGam_xj9sOBGcEgR8J9w4B0JJSzGWgro9Zc_J0xe9r1sVIaLGtT2UL7cwcDum3AD4jsaVXYrEg6v3_ZLky3YRTxeffxbdKoM-T4opyd2vzWhU9OsYUoLsik0b5NA2Xdsc7MX7MaTHuuFp1=w2772-h3696-k-no">
            <img decoding="async" src="https://gz0.googleusercontent.com/gps-cs-s/AC9h4nqGam_xj9sOBGcEgR8J9w4B0JJSzGWgro9Zc_J0xe9r1sVIaLGtT2UL7cwcDum3AD4jsaVXYrEg6v3_ZLky3YRTxeffxbdKoM-T4opyd2vzWhU9OsYUoLsik0b5NA2Xdsc7MX7MaTHuuFp1=w2772-h3696-k-no" alt="Photo of the front door of the store" width="2250" height="1500" aria-hidden="true">
        </picture>
    </section>

    <div class="why-choose-us" id="why-choose-us">
        <h2>Why Choose Us</h2>
    </div>

    <section id="cta-51">
        <div class="cs-container">
            <div class="cs-content">
                <span class="cs-topper">About Us</span>
                <h2 class="cs-title" id="about-us-title">What Have We Experienced</h2>
                <div class="cs-text-container">
                    <p class="cs-text" id="about-us-text">
                        Since 2002, Fish Shop Pearcedale has been a beloved family-run spot in Pearcedale, serving up classic fish and chips with a touch of tradition. Rooted in our family's passion for timeless recipes, we've stayed true to what works—simple, satisfying meals that bring back fond memories with every taste.
                    </p>
                </div>
                <a href="" class="cs-button-solid" id="about-us-button">Learn More</a>
            </div>
        </div>
        <script src="js/aboutUs.js"></script>
    </section>

    <section id="gallery-1152">
        <div class="cs-container">
            <div class="cs-content">
                <span class="cs-topper">Our Portfolio</span>
                <h2 class="cs-title">Our Photo Gallery</h2>
            </div>
        </div>
    </section>
    <div class="f-carousel" id="myCarousel">
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop1.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop1.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop2.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop2.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop3.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop3.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop4.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop4.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop5.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop5.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop6.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop6.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
        <div class="f-carousel__slide">
            <a href="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop7.jpg" data-fancybox="gallery">
                <img loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/Gallery/img-gallery/thefishop7.jpg" alt="gallery" width="272" height="320">
            </a>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.umd.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.arrows.umd.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.dots.umd.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.autoscroll.umd.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/carousel/carousel.lazyload.umd.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js"></script>
    <script src="js/showPictures.js"></script>

    <section id="contact-1750">
        <div class="cs-container">
            <div class="cs-form-group">
                <div class="cs-content">
                    <span class="cs-topper">Get in Touch</span>
                    <h2 class="cs-title">Contact Us</h2>
                </div>
                <!--Form-->
                <form class="cs-form" id="cs-form-1750" name="Contact Form" method="post">
                    <label class="cs-label">
                        Name *
                        <input class="cs-input" required type="text" id="name-1750" name="name" placeholder="Name">
                    </label>
                    <label class="cs-label cs-email">
                        Email *
                        <input class="cs-input" required type="email" id="email-1750" name="email" placeholder="name@example.com">
                    </label>
                    <label class="cs-label cs-phone">
                        Phone *
                        <input class="cs-input" required type="phone" id="phone-1750" name="phone" placeholder="+61 (000) 000-000">
                    </label>
                    <label class="cs-label">
                        Message *
                        <textarea class="cs-input cs-textarea" required name="Message" id="message-1750" placeholder="Message"></textarea>
                    </label>
                    <button class="cs-button-solid cs-submit" type="submit">Send Message</button>
                </form>
            </div>
            <!--Contact Info-->
            <div class="cs-info-group">
                <div class="cs-info">
                    <span class="cs-topper">Location</span>
                    <span class="cs-detail">1/62 Baxter-Tooradin Rd<br>Pearcedale VIC 3912</span>
                </div>
                <div class="cs-info">
                    <span class="cs-topper">Working Hours</span>
                    <span class="cs-detail">Monday closed</span>
                    <span class="cs-detail">Tuesday - Sunday 11am – 8.30pm</span>
                    <span class="cs-detail"><i>Open public holidays</i></span>
                </div>
                <div class="cs-info">
                    <span class="cs-topper">Contact</span>
                    <span class="cs-detail">M: (03) 5978 7333</span>
                </div>
            </div>
        </div>

        <div class="cs-picture-group">
            <!--Replace with your iframe for your google business profile-->
            <iframe class="cs-iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3135.29828557961!2d145.23028831532994!3d-38.20297097968374!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad609f3442a89bd%3A0x3519e3fc5fb0e502!2s1%2F62+Baxter-Tooradin+Rd%2C+Pearcedale+VIC+3912!5e0!3m2!1sen!2sau!4v1450402196305" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

            <!--All three graphics use the same src, which is transformed in the CSS. If you want to replace the graphic with another one, simply replace all the src's with the same URL and watch the magic happen!-->
            <img class="cs-graphic cs-top cs-light" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/gym-hero-shape-top-light.svg" alt="graphic" height="161" width="1920" loading="lazy" decoding="async" >
            <img class="cs-graphic cs-left cs-light" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/gym-hero-shape-top-light.svg" alt="graphic" height="161" width="1920" loading="lazy" decoding="async" >
            <img class="cs-graphic cs-bottom cs-light" src="https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/Graphics/gym-hero-shape-top-light.svg" alt="graphic" height="161" width="1920" loading="lazy" decoding="async" >
        </div>
    </section>

    <footer id="cs-footer-269">
        <div class="cs-container">
            <!-- Logo Group -->
            <div class="cs-logo-group">
                <a aria-label="go back to home" class="cs-logo" href="">
                    <img class="cs-logo-img light" aria-hidden="true" loading="lazy" decoding="async" src="https://thefishop.com.au/uploads/images/logo.png" alt="logo" width="240" height="32">
                </a>
                <p class="cs-text">
                    Our long standing connections with our friends, the fishmongers, means we get first selection of the finest seasonal catches daily. We source, cook and serve only top quality Australian and New Zealand seafood.
                </p>
            </div>
            <!-- Links -->
            <ul class="cs-nav">
                <li class="cs-nav-li">
                    <span class="cs-header">Sitemap</span>
                </li>
                <li class="cs-nav-li">
                    <a class="cs-nav-link" href="">Home</a>
                </li>
                <li class="cs-nav-li">
                    <a class="cs-nav-link" href="">Menu</a>
                </li>
                <li class="cs-nav-li">
                    <a class="cs-nav-link" href="">Contact Us</a>
                </li>
            </ul>
            <!-- Contact Info -->
            <ul class="cs-contact">
                <li class="cs-nav-li">
                    <span class="cs-header">Location</span>
                </li>
                <li class="cs-contact-li">
                    <a class="cs-nav-link" href="https://maps.google.com/maps?q=1%2F62+Baxter-Tooradin+Rd+Pearcedale+VIC+3912">1/62 Baxter-Tooradin Rd<br>Pearcedale VIC 3912</a>
                </li>
                <li class="cs-nav-li">
                    <span class="cs-header"></span>
                </li>
                <li class="cs-nav-li">
                    <span class="cs-header">Contact</span>
                </li>
                <li class="cs-contact-li">
                    <a class="cs-nav-link" href="tel: (03) 5978 7333">(03) 5978 7333</a>
                </li>
                <!-- Social Media -->
                <li class="cs-contact-li cs-social-group">
                    <div class="cs-social">
                        <a class="cs-social-link" aria-label="visit google profile" href="">
                            <img class="cs-social-img" aria-hidden="true" loading="lazy" decoding="async" src="https://csimg.nyc3.digitaloceanspaces.com/Social/google.svg" alt="google" width="11" height="11">
                        </a>
                        <a class="cs-social-link" aria-label="visit facebook profile" href="">
                            <img class="cs-social-img" aria-hidden="true" loading="lazy" decoding="async" src="https://csimg.nyc3.digitaloceanspaces.com/Social/Facebook.svg" alt="facebook" width="6" height="11">
                        </a>
                        <a class="cs-social-link" aria-label="visit instagram profile" href="">
                            <img class="cs-social-img" aria-hidden="true" loading="lazy" decoding="async" src="https://csimg.nyc3.digitaloceanspaces.com/Social/instagram.svg" alt="instagram" width="11" height="11">
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </footer>

    <button id="back-to-top" class="cs-button-6" aria-label="Back to Top">Back to Top</button>

    <script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js"></script>
    <script src="js/lenis.js"></script>
    <!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "d6852fa28e4c46fcaf871c4bc4aca1a5"}'></script><!-- End Cloudflare Web Analytics -->
</body>

</html>
